<template>
    <div>
      <el-input prefix-icon="el-icon-search" type="text"
      placeholder="请输入内容"
      v-model="text"
      show-word-limit></el-input>
      <button @click="mybtn">搜索</button>
      <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
      <el-menu-item index="1">待审批</el-menu-item>
      <el-menu-item index="2">未通过</el-menu-item>
      <el-menu-item index="3">待审批</el-menu-item>
      </el-menu>
      <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="序号"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="机构名称"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="法定代表人">
      </el-table-column>
      <el-table-column
        prop="add"
        label="机构类型">
      </el-table-column>
      <el-table-column
        prop="address"
        label="提交时间">
      </el-table-column>
      <el-table-column
        prop="address"
        label="操作">
      </el-table-column>
    </el-table>
    </div>
</template>
<script>
  export default {
    data(){
      return{
        text:'',
        tableData: [{
            date: '1',
            name: '王小虎',
            address: '2',
            add:'2222'
          }, {
            date: '2',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄',
          }, {
            date: '3',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '4',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          },
          {
            date: '4',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          },
          {
            date: '4',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          },
          {
            date: '4',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          },
          {
            date: '4',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          },
          {
            date: '4',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          },
          {
            date: '4',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          }]
      }
    },
    methods:{
      mybtn(){

      },
    }
  }
</script>
<style>
  *{
    margin: 0;
    padding: 0;
  }
 .el-input__inner{
   width: 244px;
   height: 30px;
 }
 button{
    width: 74px;
    height: 30px;
    background: #1B89F0;
    border-radius: 3px;
    color: white;
    border: none;
    position: absolute;
    left: 295px;
 }
 .el-icon-search:before {
    left: 5px;
    top: -4px;
    position: absolute;
}
.el-menu--horizontal>.el-menu-item{
    font-size: 10px;
    height: 46px;
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
    font-weight: 600;
}
.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{
    background-color: #EEF3FC;
    color: black;
    text-align: center;
}
</style>

